<template>
	<view>
		<uni-list>
			<uni-list-chat v-for="item in list" :key="id" :title="item.name" :avatarCircle="true"
				:avatar="item.icon" :clickable="true" :showArrow="true"
				:showBadge="true" :badgeText="item.id" badgePositon="right"
				:note="item.department"
			></uni-list-chat>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				"list": [{
					"id": 6,
					"major": "移动应用开发",
					"department": "信息工程学院",
					"name": "张三",
					"phone": "15116785432",
					"email": "zs@163.com",
					"icon":"/static/head_icon.png",
				},
				{
					"id": 7,
					"major": "移动应用开发",
					"department": "信息工程学院",
					"name": "李四",
					"phone": "15116785431",
					"email": "lisi@126.com",
					"icon":"/static/logo.png"
				}]
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
